<!DOCTYPE html>
<html>
<head>
<title>宣传</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1, user-scalable=no">

<meta name="description"
	content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.">

<!-- <link rel="stylesheet" href="./lib/weui.min.css"> -->
<!-- <link rel="stylesheet" -->
<!-- 	href="http://cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css"> -->
<link rel="stylesheet" href="./css/mui.min.css">
<style type="text/css">
</style>
</head>
<body ontouchstart>
	<div class="mui-content" id="listcontent">
		
	</div>
		<script src="./lib/jquery-2.1.4.js"></script>
		<script>
	$(document).ready(function(){
		$.ajax({
            type: "post",
            url: "/h5prop/queryproptypelistdetail",
            data: {},
            dataType: "json",
            success: function(data){
            	var content='';
            	var d =data;
            	for(var i=0;i<d.chkinputitemlist.length;i++){
					content+='<div class="mui-card">'+
									'<div class="mui-card-header mui-card-media" style="height:140px;background-image:url('+d.chkinputitemlist[i].photo+')"></div>'+
									'<div class="mui-card-content">'+
										'<div class="mui-card-content-inner">'+
											'<p><span class="mui-pull-right"><a href="javascript:void()" onclick="querymore(\''+d.chkinputitemlist[i].id+'\',\''+d.chkinputitemlist[i].proptypename+'\',this)">更多...</a></span></p>'+
											'<p style="color: #333;">'+d.chkinputitemlist[i].proptypename+'</span></p>'+
										'</div>'+
									'</div>'+
									'<div class="mui-content">'+
								'<ul class="mui-table-view">';
									for(var j=0;j<d.chkinputitemlist[i].props.length;j++){
										content+='<li class="mui-table-view-cell mui-media" >'+
											'<a href="javascript:;" onclick="querydetailbyId(\''+d.chkinputitemlist[i].props[j].id+'\',\''+d.chkinputitemlist[i].props[j].title+'\',this)">'+
												'<img style="width:50px;height:50px;" class="mui-media-object mui-pull-left" src="'+d.chkinputitemlist[i].props[j].photo+'">'+
												'<div class="mui-media-body">'+
													d.chkinputitemlist[i].props[j].title+
													'<p class=\'mui-ellipsis\'>'+d.chkinputitemlist[i].props[j].subtitle+'</p>'+
													'<p class=\'mui-ellipsis\'>'+d.chkinputitemlist[i].props[j].reletime+'</p>'+
													
													
												'</div>'+
											'</a>'+
										'</li>';
									}
								content+='</ul>'+
									'</div>'+
								'</div>';
				}	
				document.getElementById("listcontent").innerHTML=content;  
        	},error:function(e){
        		
        	}
		});
	});
	function querydetailbyId(id,title,th){
		window.location.href ='propagateDetail.html?id='+id+'&title='+title;
		th.target ="_blank";
	}
	function querymore(id,title,th){
		window.location.href ='propagate.html?id='+id+'&title='+title;
		th.target ="_blank";
	}
	</script>
<!-- 		<script -->
<!-- 			src="http://cdn.bootcss.com/jquery-weui/1.0.1/js/jquery-weui.min.js"></script> -->
</body>
</html>
